<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
    
<%@taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"%>
    
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html lang="en" class="app">
<head>  
  <meta charset="utf-8" />
  <title>类别管理－秘书专业分类－一级</title>
  <meta name="description" content="app, web app, responsive, admin dashboard, admin, flat, flat ui, ui kit, off screen nav" />
  <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1" /> 
  
  <jsp:include page="../lbi/common.jsp"></jsp:include>
  
</head>
<body class="" style="position: relative;">
	<!--新增代码-->
	<div class="sgtk" style="display: none;">
		<div class="sgtk_xg">
			<form class="cmxform" id="commentForm2" method="get" action=""> 
				<h5>新增</h5>
				<p><span>一级类目：<input type="text" id="name" required="required"/></span></p>
				<p><button class="btn01" onclick="saveSecretary()">保存</button><button class="btn02">取消</button></p>
			</form>
		</div>
	</div>
	
	<div class="sgtk2" style="display: none;">
		<div class="jineng" style="width:650px;">
			<form class="cmxform" id="commentForm" method="get" action=""> 
				<h5>新增</h5>
				<p>
					<span>
						<label>分类:</label>
	                  	<select id="parent" name="jungle" title="请选择" required>
	                  		<option value="">请选择</option>
	                  		<c:forEach items="${list }" var="list">
	                  			<option select_value="${list.id }">${list.name }</option>
	                  		</c:forEach>
	                  	</select>
					</span>
					<span>二级类目：<input name="name" id="name2" type="text" required="required"></span>
	               <span>金额(¥)：<input type="text" id="price" onkeyup="(this.v=function(){this.value=this.value.replace(/[^0-9-]+/,'');}).call(this)" onblur="this.v();"  required="required"/></span></p>
				<p><button class="btn01" onclick="saveSecretary2()">保存</button><button class="btn02">取消</button></p>
			</form>
		</div>
	</div>
	
	<div class="sgtk3" style="display: none;">
		<div class="jineng">
			<form class="cmxform" name="frm" id="commentForm1" method="get" action="">
				<h5>修改</h5>
				<input type="hidden" id="id" value="0">
				<p>类目名：<input type="text" id="uName"></p>
				<p><button class="btn01" onclick="updateSecretary()">保存</button><button class="btn02">取消</button></p>
			</form>
		</div>
	</div>
	<!--结束新增-->
  <section class="vbox" style="position: absolute;">
    
		<jsp:include page="../lbi/head.jsp" ></jsp:include>
		
    <section>
      <section class="hbox stretch">
        <!-- .aside -->
        	<jsp:include page="../lbi/left.jsp" ></jsp:include>
        <!-- /.aside -->
        <section id="content">
	      		  <section class="hbox stretch">
	        			  <section id="content">
	   					 <section class="hbox stretch">
	        <!--从这里开始复制粘贴-->
	        <section class="vbox">
	            <header class="header bg-white b-b clearfix">
	                <div class="row m-t-sm">
	                    <div class="col-sm-8 m-b-xs">
	                        <a href="javascript:void(0);" class="yiji"><button type="button" class="but"><i class="fa fa-plus"></i>&nbsp;一级类目</button></a>
	                        <a href="javascript:void(0);" class="erji"><button type="button" class="but"><i class="fa fa-plus"></i>&nbsp;二级类目</button></a>
	                    </div>
	                    <div class="col-sm-3 m-b-xs">
	                        <div class="input-group">
	                            <input type="text" class="input-sm form-control" id="serchName" placeholder="类目名">
			                    <span class="input-group-btn">
			                      <button class="btn btn-sm btn-default" type="button" onclick="serchName()">搜索</button>
			                    </span>
	                        </div>
	                    </div>
	                    <!-- <div class="col-sm-1 m-b-xs">
	                        <button type="button" class="but2">下载列表</button>
	                    </div> -->
	                </div>
	            </header>
	            <section class="scrollable wrapper w-f">
	                <section class="panel panel-default">
	                    <div class="table-responsive">
	                        <table class="table table-striped m-b-none">
	                            <thead>
	                            <tr>
	                                <th>一级类目</th>
	                                <th>操作</th>
	                            </tr>
	                            </thead>
	                            <tbody id="heightList">
	
	                            </tbody>
	                        </table>
	                    </div>
	                </section>
	            </section>
	            <footer class="footer bg-white b-t">
	                <div class="row text-center-xs">
	                    <div class="col-md-6 hidden-sm">
	                    </div>
	                    <div class="col-md-6 col-sm-12 text-right text-center-xs">
	                        <ul class="pagination pagination-sm m-t-sm m-b-none" id="page_user">
	                        </ul>
	                    </div>
	                </div>
	            </footer>
	        </section>
	        <!--以上为内容-->
	        <a href="#" class="hide nav-off-screen-block" data-toggle="class:nav-off-screen" data-target="#nav"></a>
	    </section>
      </section>
	
	  </section>
  	 </section>
    </section>
  </section>
  </section>
  
  <script src="<c:url value="/js/web_js/sec/leibie_seczy.js"/>"></script>
  <!--新增代码-->
  <script>
  	$("#mishu").addClass("active");
  	$("#zhuanye").addClass("active2");
  	$("#jiage").addClass("active2");
  	
  	$("#nav_1").css('display','block');
  
  	$(".yiji").click(function(){
  		$(".sgtk").show();
  	})
  	$(".btn02").click(function(){
  		$(".sgtk").hide();
  	})
  	$(".erji").click(function(){
  		$(".sgtk2").show();
  	})
  	$(".btn02").click(function(){
  		$(".sgtk2").hide();
  	})
  	$(".xiugai").click(function(){
  		$(".sgtk3").show();
  	})
  	$(".btn02").click(function(){
  		$(".sgtk3").hide();
  	})
  	
  	$().ready(function() {
	    $("#commentForm").validate();
	});
	$().ready(function() {
	    $("#commentForm1").validate();
	});
	$().ready(function() {
	    $("#commentForm2").validate();
	});
  </script>
  <!--新增代码-->
</body>
</html>